<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>国内免费IP查询</title>
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="css/bootstrap-4.0.0-alpha.6.css" type="text/css">
    <script src="js/vue2.0.js"></script>
    <script src="js/vue-resource.min.js"></script>
    <script src="js/ip_js.js"></script>
</head>
<body class="w-100 text-info bg-faded">
<div class="bg-primary">
    <div class="container">
        <div class="row">
            <div class="col-md-1">
                <a><img src="img/logo.png" alt=""></a>
            </div>
            <div class="col-md-2">
                <p class="lead" style="vertical-align:middle;line-height:350%">国内免费代理IP</p>
            </div>
        </div>
    </div>
</div>
<div class="py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 w-100 py-1">
                <div class="btn-group">
                    <a href="index.html" class="btn btn-outline-primary">首页</a>
                    <a href="https://blog.yangzhuojia.com/" class="btn btn-outline-primary" target="_blank">博客</a>
                    <a href="https://bbs.yangzhuojia.com/forum.php" class="btn btn-outline-primary" target="_blank">论坛</a>
                    <a href="http://google.yangzhuojia.com/" class="btn btn-outline-primary" target="_blank">谷歌<a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <input type="text" class="form-control form-control-sm" id="name" placeholder="请输入IP" style=" width:200px; height:40px" > </div>
            <div class="col-md-4">
                <a href="#" class="btn btn-outline-primary">搜索</a>
            </div>
        </div>
    </div>
</div>
<div class="py-0">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-6 bg-faded col-1 my-2">
                <table id="box" class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>国家</th>
                        <th>IP</th>
                        <th>端口</th>
                        <th>评分</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="(value,index) in mydata">
                        <td>{{index+1}}</td>
                        <td>中国</td>
                        <td>{{value[0]}}</td>
                        <td>{{value[1]}}</td>
                        <td>{{value[2]}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery-3.1.1.slim.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap-4.0.0-alpha.6.min.js"></script>
</body>

</html>